<!--
 * @Author: 天弘运文武睿哲恭俭宽裕孝敬诚信中和功德大成仁皇帝(康熙)
 * @Date: 2022-05-26 14:06:48
 * @LastEditors: 天弘运文武睿哲恭俭宽裕孝敬诚信中和功德大成仁皇帝(康熙)
 * @LastEditTime: 2022-06-14 21:49:46
 * @FilePath: \vivo-shop-master\src\components\footer\index.vue
 * @Description: 
 * 
 * Copyright (c) 2022 by 用户/公司名, All Rights Reserved. 
-->
<template>
  <div id="bottom">
    <ul class="bottom-ul"> 
      <!-- 首页 -->
      <router-link :to="{ path: '/index' }" tag="li">
          <i class="iconfont icon-shouye_xuanzhong" style="color:#179dfe" v-if="$route.path === '/index' || $route.path === '/'"></i>
          <i class="iconfont icon-shouye2" v-else></i>
          <span :style="$route.path ==='/index' || $route.path ==='/'  ? 'color: #179DFE ': 'color: #666'">首页</span>
      </router-link>


      <!-- 分类 -->
      <router-link :to="{ path: '/classify' }" tag="li">
        <i class="iconfont icon-fenleixuanzhong" style="color:#179dfe" v-if="$route.path === '/classify'"></i>
        <i class="iconfont icon-fenlei-copy" v-else></i>
        <span :style="$route.path ==='/classify' ? 'color: #179DFE ': 'color: #666'">分类</span>
      </router-link>

      
      <!-- 资讯 -->
      <router-link :to="{ path: '/news' }" tag="li">
        <i class="iconfont icon-dongtaixuanzhong" style="color:#179dfe" v-if="$route.path ==='/news'"></i>
        <i class="iconfont icon-dongtai" v-else></i>
        <span :style="$route.path ==='/news' ? 'color: #179DFE ': 'color: #666'">动态</span>
      </router-link>

      <!-- 我的 -->
      <router-link :to="{ path: '/main' }" tag="li">
        <i class="iconfont icon-wode-" style="color:#179dfe" v-if="$route.path ==='/main'"></i>
        <i class="iconfont icon-wode"  v-else></i>
        <span :style="$route.path ==='/main' ? 'color: #179DFE ': 'color: #666'">我的</span>
      </router-link>
    </ul>
  </div>
</template>

<style scoped>
 @import url("index.less");
</style>